import React, {createContext, useState} from 'react'
import Child from './Child'

// createContext这个函数的作用是创建上下文
export const MyContext = createContext()
export default function Context() {
  const [name, setName] = useState('提莫');
  return (
    <div>
      <p>我是最大的父组件</p>
      <p>useContext:作用是在函数组件中进行多级的数据传递</p>
      {/* MyContext.Provider是数据的提供者，向所有的子组件传递数据，以父传子的方式传递数据 */}
      <MyContext.Provider value={name}>
        <Child></Child>
      </MyContext.Provider>
    </div>
  )
}
